:root {
    /* 🌞 浅色主题 */
    color-scheme: light;

    /* 标签页边框颜色 */
    --标签页边框颜色: #ccc;
}

@media (prefers-color-scheme: dark) {
    :root {
        /* 🌙 深色主题 */
        color-scheme: dark;

        /* 标签页边框颜色 */
        --标签页边框颜色: #666;
    }
}

body {
    display: flex;
    flex-direction: column;
}

#header {
    display: none;
}

ul#标签页 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* Flex 布局 */
    /* border-bottom: 1px solid #ccc; 可选：底部边框，模拟标签栏 */
    overflow-x: auto;
}

ul#标签页>li.拖拽 {
    background: transparent;
    color: transparent;
    border: 1px dashed var(--标签页边框颜色);
}

ul#标签页>li>a {
  display: block;
  padding: 0.2rem 0.4rem;
  text-decoration: none;
  border: 1px solid var(--标签页边框颜色);
  border-right: none;
  border-radius: 0.2rem 0.2rem 0 0;
  white-space: nowrap;
}

ul#标签页>li:last-child>a {
    border-right: 1px solid var(--标签页边框颜色);
}

/* 填充剩余空间，实现标签栏下边框 */
ul#标签页::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid var(--标签页边框颜色);
}

ul#标签页>li>a.选中 {
  border-bottom: none;
  color: inherit;
}

#main {
    flex: 1;
}

#main iframe,
#main #加载 {
    width: 100%;
    height: 100%;
    border: none;
    display: block; /* 避免 inline 元素底部留白 */
}
